<template>
  <footer class="footer-container">
    <div class="footer-wrapper">
      <div class="space-between m-b flex">
        <div class="info">
          <div>公司地址：北京市海淀区北三环西路32号恒润国际大厦1002室</div>
          <div>邮编：100086</div>
          <div>能系方式：</div>
          <div style="padding-left: 1em;">
            <div>电话：<a href="tel:010-62150230">010-62150230</a></div>
            <div>传真：<a href="tel:010-62152606">010-62152606</a></div>
            <div>邮箱：<a href="mailto:xingzhengbu@qjwxsoft.com.cn">xingzhengbu@qjwxsoft.com.cn</a></div>
          </div>
        </div>
        <div class="flex-column align-center">
          <img class="m-b" src="http://placehold.it/150x150/fff/333" alt="微信公众号">
          <div>微信公众号</div>
        </div>
      </div>
      <div class="flex-column align-center copyright">
        <div>
          Copyright@2012 北京奇达无限软件有限公司
        </div>
        <div>京ICP备31278938216829号</div>
      </div>
    </div>
  </footer>
</template>

<style lang="scss" scoped>
.footer-container {
  font-weight: 500;
  color: #fffc;
  background-color: #192545;
}

.footer-wrapper {
  width: 100%;
  max-width: $g-app-width;
  padding: 32px 0;
  margin: 0 auto;

  .info {
    line-height: 2;

    a {
      color: inherit;
      text-decoration: none;
    }
  }

  .copyright {
    line-height: 1.75;
    color: #939393;
    letter-spacing: 1px;
  }
}
</style>
